<template>
  <div>
    <newHeader />
    <div class="w clearfix">
      <div class="fl">
        <img :src="require('@/assets/images/404.png')">
      </div>
      <div class="fr">
        <h2>{{$t('notFound.1')}}</h2>
        <p>{{$t('notFound.2')}}<router-link to="/">{{$t('notFound.3')}}</router-link>。</p>
      </div>
    </div>
    <newFooter />
  </div>
</template>
<script>
import newHeader from '@/components/Header';
import newFooter from '@/components/Footer';

export default {
  name: 'index',
  components: {
    newHeader,
    newFooter,
  },
};
</script>
<style lang="scss" scoped>
  .fl{
    padding: 150px 0 150px 230px;
  }
  .fr{
    padding: 280px 150px 0 0;
    h2{
      font-size: 30px;
      color: #333;
      line-height: 45px;
      width: 400px;
      text-align: center;
    }
    p{
      font-size: 18px;
      line-height: 27px;
      color: #333;
      width: 400px;
      text-align: center;
      a{
        color: #247ba0;
      }
    }
  }
</style>
